<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>滚动</title> 
<style>
li{ height:20px;} 
</style>
</head> 
<body> 
<div> 
<ul id="list" style="border:1px #ccc solid; overflow:hidden; height:40px; width:100px; margin:0; padding:0; list-style-type:none;"> 
    <li>1</li> 
<li>2</li> 
<li>3</li> 
<li>4</li> 
<li>5</li> 
<li>6</li> 
<li>7</li> 
<li>8</li> 
<li>9</li> 
<li>10</li> 
</ul> 
</div>
<script>
    // JavaScript Document 

    /***** 
    @author leaves chen (leaves615@gmail.com) 
    @copyright 2009 
    *****/ 
    var pause=false; 
    var scrollTimeId=null; 
    var container=null; 
    var lineHeight=null; 
    var speed=0; 
    var delay=0; 
    simpleScroll=function(container1,lineHeight1,speed1,delay1){ 
        container=document.getElementById(container1); 
        lineHeight=lineHeight1; 
        speed=speed1; 
        delay=delay1; 
        //滚动效果 
        scrollexc=function(){ 
            if(pause) return ; 
            container.scrollTop+=2; 
            var lh=lineHeight||container.getElementsByTagName('li')[0].offsetHeight; 
            if(container.scrollTop%lh<=1){ 
                clearInterval(scrollTimeId); 
                fire(); 
                container.scrollTop=0; 
                setTimeout(start,delay*1000); 
            } 
        }; 
        //开始滚动 
        start=function(){ 
            var lh=lineHeight||container.getElementsByTagName('li')[0].offsetHeight; 
                if (container.scrollHeight - container.offsetHeight >= lh) 
                    scrollTimeId = setInterval(scrollexc, speed); 
        }; 
        //把子节点树中的第一个移动到最后 
        fire=function(){ 
            container.appendChild(container.getElementsByTagName('li')[0]); 
        }; 
        container.onmouseover=function(){pause=true;}; 
        container.onmouseout=function(){pause=false;}; 
        setTimeout(start,delay*1000); 
    };
</script>
<script type="text/javascript">
new simpleScroll("list",20,40,1);
</script> 
</body> 
</html> 